import React, {Component} from "react";
import List from "../List";
export default class Manage extends Component{
    state = {
        title_item:["测试","测试","测试","测试","测试","测试","测试"]
    }
    render(){
        return(
            <div className="main_content">
                <span className="title">
                用户管理
                </span>

                <div className="parent_div footer">
                    <form>
                        产品名称&nbsp;&nbsp;<input type="text" className="footer_input" ref={this.checkRef}/>&nbsp;&nbsp;
                        <button type="button" className="footer_btn_red" onClick={this.inquire}>查询</button>&nbsp;&nbsp;&nbsp;&nbsp;
                        <button type="button" className="footer_btn_white">重置</button>
                    </form>

                    <div className="footer_tag">
                        <span>产品状态</span>
                        &nbsp;&nbsp;&nbsp;
                        <span>
                                <input type="checkbox" id="state1" className="tag_input" />
                                <label htmlFor="state1" className="tag_label">男</label>
                        </span>
                        <span>
                                <input type="checkbox" id="state2" className="tag_input"/>
                                <label htmlFor="state2" className="tag_label">女</label>
                        </span>
                    </div>
                    <button className="refresh_btn" >刷新用户列表</button>
                    <div className="total">
                        <span className="glyphicon glyphicon-search total_icon"></span>
                        &nbsp;&nbsp;<span>用户总数 98 位</span>
                    </div>
                </div>

                <List title_item = {this.state.title_item}/>
            </div>
        )
    }
}
